import { Component } from 'react'

// 导入子组件
import Fnc from './fn'

class App extends Component {
  /**
   * - React注册事件与DOM的事件语法非常像
    - 语法:`on+事件名 =｛事件处理程序｝` 比如`onClick={this.handleClick}`
    - 注意：*React事件采用驼峰命名法*，比如`onMouseEnter`, `onClick`
   * @returns 
   */
  // 点击事件的回调函数
  handlerClick(e) {
    console.log(e.target)
  }

  render() {
    return (
      <div>
        <h1>事件绑定</h1>
        <hr />
        <button onClick={this.handlerClick}>点击</button>
        <hr />
        <Fnc />
      </div>
    )
  }
}
export default App
